<template>
  <div>
    <div class="title"><p>ARONNOTE</p></div>
    <div class="text">
      <p>AronNote是一款专门为传统蒙古文而诞生的竖排纯文本编辑器。</p>
      <button class="btn">下载</button>
      <hr>
      <table>
        <tr>
          <td class="pic">
            <img src="~assets/aronnote/aronnote1.png" alt="">
          </td>
          <td class="ul">
            【特点】
            <ul>
              <li>1. 支持所有蒙古文字体</li>
              <li>2. 部分支持手写字</li>
              <li>3. 支持报刊，杂志的文档管理</li>
              <li>4. 区域识别，版面切分</li>
              <li>5. 用户角色、权限管理</li>
            </ul>
          </td>
        </tr>
      </table>
      
    </div>
  </div>
</template>

<script>
  export default {
    name: 'Aronnote',
  }
</script>

<style scoped>
  .title {
    padding: 50px 0 10px 0;
    text-align: center;
  }
  .title p {
    font-size: 26px;
    overflow: hidden;
    color: #2575f2;
    z-index: -1;
  }
  .text {
    padding: 0 100px;
  }
  .text p {
    font-size: 16px;
    line-height: 30px;
    text-indent: 2em;
  }
  .btn {
    padding: 5px;
    margin: 0 0 20px 0;
    color: whitesmoke;
    background-color: #2575f2;
    border: none;
    border-radius: 3px;
  }
  ul {
    list-style-type: none;
  }
  li {
    font-size: 14px;
    line-height: 25px;
  }
  table {
    width: 100%;
    margin: 30px 0 0 0;
  }
  .pic {
    width: 60%;
  }
  .pic img {
    width: 100%;
  }
  .ul {
    padding: 0 30px;
  }
</style>